<template>
  <PageWrapper dense>
    <BasicTable @register="registerTable">
      <template #toolbar>
        <Button type="primary">添加物流单</Button>
      </template>
    </BasicTable>
  </PageWrapper>
</template>

<script setup lang="ts">
import { PageWrapper } from '@/components/Page';
import { BasicTable, useTable } from '@/components/Table';
import { listProduct } from '@/api/product';
import { columns } from './relevantInformation.data';
import { Button } from 'ant-design-vue';
defineOptions({ name: 'logistics' });
const [registerTable, { reload }] = useTable({
  title: '物流单',
  api: listProduct,
  showIndexColumn: true,
  rowKey: 'id',
  useSearchForm: false,
  columns: [
    {
      title: '物流单号#',
      dataIndex: 'productDetailsContactsName',
    },
    {
      title: '进度',
      dataIndex: 'productEmail',
    },
    {
      title: '服务商',
      dataIndex: 'productLabel',
    },
    {
      title: '运输方式',
      dataIndex: 'productCountryId',
    },
    {
      title: '附件',
      dataIndex: 'productSource',
    },
  ],
});
// reload();
</script>

<style scoped></style>
